<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/zy.css"/>
		<script src="js/common.js"></script>
	</head>
	<body>
		<input type="checkbox"  id="check" />
		<input type="checkbox"  id="check1" />
		<input type="checkbox"  id="check4"  />
		<input type="checkbox"  id="check5"  />
		<div class="mobile">
			<header>
				<label for="check">
					<ul class="login" type="square">
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</label>
				<div class="logo">
					<img src="img/2.png"/>
				</div>
				<div class="search">
					<label for="check1">
						<img src="img/1.png"/>
					</label>
				</div>
			</header>
			<section class="clear_fix">
				<!--轮播图-->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/01.jpg"/>
							<div class="title">
								<p>省广股份携手阿里妈妈举行DT大时代 全息营销营销</p>
								<img src="img/aixin.png"/>
								<span>120</span>
								<img src="img/liulang.png"/>
								<span>560</span>
								<span>12月26日 07:33:43</span>
							</div>
						</div>
						<div class="swiper-slide">
							<img src="img/02.png"/>
							<div class="title">
								<p>省广股份携手阿里妈妈举行DT大时代 全息营销营销</p>
								<img src="img/aixin.png"/>
								<span>120</span>
								<img src="img/liulang.png"/>
								<span>560</span>
								<span>12月26日 07:33:43</span>
							</div>
						</div>
						<div class="swiper-slide">
							<img src="img/03.jpg"/>
							<div class="title">
								<p>省广股份携手阿里妈妈举行DT大时代 全息营销营销</p>
								<img src="img/aixin.png"/>
								<span>120</span>
								<img src="img/liulang.png"/>
								<span>560</span>
								<span>12月26日 07:33:43</span>
							</div>
						</div>
						<div class="swiper-slide">
							<img src="img/04.jpg"/>
							<div class="title">
								<p>省广股份携手阿里妈妈举行DT大时代 全息营销营销</p>
								<img src="img/aixin.png"/>
								<span>120</span>
								<img src="img/liulang.png"/>
								<span>560</span>
								<span>12月26日 07:33:43</span>
							</div>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<!--内容-->
				<a href="zy2.html">
					<div class="content">
						<div class="picbox">
							<img src="img/zy/zp1.png"/>
						</div>
						<h2>腾讯视频</h2>
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
						<div class="time">
							<span>2015-9-3</span>
							<img src="img/zy/yuedu.png"/>
							<span>250</span>
						</div>
					</div>
				</a>
				<a href="zy2.html">
					<div class="content">
						<div class="picbox">
							<img src="img/zy/zp1.png"/>
						</div>
						<h2>腾讯视频</h2>
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
						<div class="time">
							<span>2015-9-3</span>
							<img src="img/zy/yuedu.png"/>
							<span>250</span>
						</div>
					</div>
				</a>
				<a href="zy2.html">
					<div class="content">
						<div class="picbox">
							<img src="img/zy/zp1.png"/>
						</div>
						<h2>腾讯视频</h2>
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
						<div class="time">
							<span>2015-9-3</span>
							<img src="img/zy/yuedu.png"/>
							<span>250</span>
						</div>
					</div>
				</a>
				
			</section>
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<img src="img/01home_g.png"/>
							首页
						</a>
					</li>
					<li></li>
					<li><a href="#"><img src="img/03GIMC_g.png"/>GIMC</a></li>
					<li></li>
					<li><a href="wz.html"><img src="img/05article_g.png"/>文章</a></li>
					<li></li>
					<li><a href="zy.html"><img src="img/08resou_r.png"/>资源</a></li>
					<li></li>
					<li><a href="xy.html"><img src="img/09college_g.png"/>学院</a></li>
				</ul>
			</footer>
		</div>
		<div class="loginbox">
			<div class="search1">
				<label for="check">
					<span class="back">x</span>
				</label>
				<div class="search">
					<input type="image" src="img/search.png" />
					<input type="text" placeholder="Search" />
				</div>
			</div>
			<div class="geren">
				<div class="touxiang">
					<img src="img/touxiang.png"/>
				</div>
				<label for="check4">立即登陆</label>
				<a href="#"><u>忘记密码</u></a>
			</div>
			<input type="checkbox" id="check2" />
			<label for="check2">
				<div class="tiao">
					<span>GIMC</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
			<div class="tiaobox">
				<p>省广介绍</p>
				<p>新闻资讯</p>
			</div>
			<label for="check2">
				<div class="tiao">
					<span>文章</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
			<label for="check2">
				<div class="tiao">
					<span>资源</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
			<label for="check2">
				<div class="tiao">
					<span>课程</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
		</div>
		<div class="searchbox">
			<div class="search1">
				<label for="check1">
					<span class="back">x</span>
				</label>
				<div class="search">
					<input type="image" src="img/search.png" />
					<input type="text" placeholder="Search" />
				</div>
			</div>
			<div class="search2">
				<h1>热搜</h1>
				<div class="keyword">
					省广股份
				</div>
				<div class="keyword">
					移动互联网
				</div>
				<div class="keyword">
					细分平台业务
				</div>
				<div class="keyword">
					O2O联转化
				</div>
				<div class="keyword">
					媒介平台
				</div>
				<div class="keyword">
					拥抱变革，创造未来
				</div>
				<div class="keyword">
					平台
				</div>
				<div class="keyword">
					上海金投赏创意节
				</div>
			</div>
		</div>
		<div class="loginjm">
			<div class="logo"></div>
			<div class="tel">
				<div class="bg">
					<div class="rentou"></div>
				</div>
				<div class="shuru">
					<input type="text" placeholder="请输入已验证的手机号或邮箱"/>
				</div>
				<div class="clear"></div>
			</div>
			<div class="password">
				<div class="bg">
					<div class="mima"></div>
				</div>
				<div class="shuru">
					<input type="password" placeholder="请输入密码" />
				</div>
				<div class="clear"></div>
			</div>
			<div class="forget">
				<a href="#">
					<img src="img/forget.png"/>
					<span>忘记密码</span>
				</a>
			</div>
			<label for="check5">登陆</label>
			<button>注册</button>
		</div>
		<div class="person">
			<div class="search1">
				<a href="index.html">
					<span class="back">x</span>
				</a>	
				<div class="search">
					<input type="image" src="img/search.png" />
					<input type="text" placeholder="Search" />
				</div>
			</div>
			<div class="geren">
				<div class="port">
					<img src="img/head_portrait.png"/>
				</div>
				<ul>
					<li>
						<span>太君</span>
						<button>个人中心&nbsp;&nbsp;&gt;</button>
					</li>
					<li>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="star">
							<img src="img/star.png"/>
						</div>
						<div class="clear"></div>
					</li>
					<li>
						<p>
							关注&nbsp;
							<a href="#">36</a>
							&nbsp;&nbsp;
							粉丝&nbsp;
							<a href="#">290</a>
						</p>
					</li>
					<li>
						<button>我的收藏</button>
						<button>我的发布</button>
					</li>
				</ul>
				
			</div>
			<input type="checkbox" id="check6" />
			<label for="check6">
				<div class="tiao">
					<span>GIMC</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
			<div class="tiaobox">
				<p>省广介绍</p>
				<p>新闻资讯</p>
			</div>
			<label for="check6">
				<div class="tiao">
					<span>文章</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
			<label for="check6">
				<div class="tiao">
					<span>资源</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
			<label for="check6">
				<div class="tiao">
					<span>课程</span>
					<span>&gt;</span>
					<span>∨</span>
				</div>
			</label>
			
			<div class="exit">
				<button onclick="window.location.href='index.html'">退出</button>
			</div>
		</div>
		<script src="js/swiper-4.3.3.min.js"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('.swiper-container',{
			autoplay:true,
			pagination: {
			    el: '.swiper-pagination',
			  },
			})
		</script>
	</body>
</html>
